$(document).ready(function(){

	respond();

	$('.articlecontainer img').addClass('imgLibrary');
	$('#showarticle').hide(0);
	$('#goToTop').hide('slow');
	$('#navlogo').fadeOut('slow');

	$(window).scroll(function(){
		var t=document.documentElement.scrollTop || document.body.scrollTop;
		var mt=document.getElementById('navbar').offsetTop;
		if(t>mt){
			$('#navbar').css({
				'position': 'fixed'
			});
			$('#navlogo').fadeIn('slow');
			$('#goToTop').fadeIn('slow');
			$('#classify').css('top', '100px');
		} else{
			$('#goToTop').fadeOut('slow');
			$('#navbar').css({
				'position': 'static'
			});
			$('#navlogo').fadeOut('slow');
			$('#classify').css('top', '100px');
		}
	})

	$('#goToTop button').click(function() {
		$('body,html').animate({scrollTop:0},1000);
	});

	function showarticle(articleid){
		$('#articlelist').hide('500', function() {
			$('#showarticle').show(500);
		});
	}

	function respond(){
		if($(window).width()>$(window).height()){
			$('#classify').width(0.2 * $('#container').width());
			$('#article').width(0.75 * $('#container').width());
			$('#showarticle').width(0.75 * $('#container').width());
			$('.articlecontainer').width(0.75 * $('#container').width());
			$('.media-body p').width(0.75 * $('#container').width() - 85);
		} else{
			$('#classify').width($('#container').width());
			$('#article').width(0.9*$('#container').width());
			$('#showarticle').width(0.9*$('#container').width());
			$('.articlecontainer').width(0.9*$('#container').width());
			$('.media-body p').width(0.9*$('#container').width() - 80);
		}
 	}


	$(window).resize(function() {
		respond();
		$('#navbar').css({
			'width': $(window).width() + 'px'
		});
	});

	$('.media').click(function() {
		showarticle($(this).attr('id'));
	});
	$('#returnbutton').click(function() {
		$('#showarticle').hide('500', function() {
			$('#articlelist').show(500);
		});
	});
})